<!--<!DOCTYPE html  PUBLIC "-//W3C//DTD HTML 4.01 Transition//EM" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" xmlns:th="http://www.thymeleaf.org"
                xmlns="http://www.w3.org/1999/html">
<head>

    <title>regist</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <link rel = "stylesheet" type="text/css" th:href="@{/css/background.css}" href="../static/css/background.css">
</head>-->
<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>Register Page</title>
    <!-- Bootstrap core CSS -->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }
        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }
    </style>
    <!-- Custom styles for this template -->
    <link th:href="@{/css/heroes.css}" rel="stylesheet">
</head>
<body >

<main>
    <h1 class="visually-hidden">Register page</h1>

    <div class="b-example-divider"></div>

    <div class="container col-xl-10 col-xxl-8 px-4 py-5">
        <div class="row align-items-center g-lg-5 py-5">
            <div class="col-lg-7 text-center text-lg-start">
                <h1 class="display-4 fw-bold lh-1 mb-3">员工信息管理系统-注册页面</h1>
                <p class="col-lg-10 fs-4">一个简单的员工信息管理系统，采用springboot + thymeleaf制作而成.注册hr员工账号，即可管理。
                </p>
            </div>
            <div class="col-md-10 mx-auto col-lg-5">
                <form th:action="@{/user/register}" method="post" class="p-4 p-md-5 border rounded-3 bg-light">
                    <div class="form-floating mb-3">
                        <input type="text" id="floatingInput" name="username" placeholder="User Name">
                        <label for= "floatingInput" ></label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="text" id="realname" name="realname" placeholder="真实姓名">
                        <label for="floatingPassword"></label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="text" id="floatingPassword" name="pwd" placeholder="Password">
                        <label for="floatingPassword"></label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="text" id="telephone" name="telephone" placeholder="telephone">
                        <label for="floatingPassword"></label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="text" id="email" name="email" placeholder="email">
                        <label for="floatingPassword"></label>
                    </div>
                    <div >
                        <label >
                            性别:
                        </label>
                        <label >
                            男
                            <input type="radio" class="inputgri" name="gender" value="1" checked="checked"/>
                            女
                            <input type="radio" class="inputgri" name="gender" value="0"/>
                        </label>
                    </div>
                    <br>
                    <div>
                        <td valign="middle" align="center">
                            验证码:
                            <img id="num" th:src="@{/user/generateImageCode}" />
                            <a href="javascript:;" onclick="changeImageCode()">换一张</a>
                            <script>
                                function changeImageCode(){
                                    document.getElementById('num').src = '[[@{/user/generateImageCode}]]?'+(new Date()).getTime()
                                }
                            </script>
                        </td>
                        <td valign="middle" align="left">
                            <input type="text" class="inputgri" name="code" />
                        </td>
                    </div>
                    <!--<div class="checkbox mb-3">
                        <label>
                            <input type="checkbox" value="remember-me"> Remember me
                        </label>
                    </div>-->
                    <br>
                    <button class="w-100 btn btn-lg btn-primary" type="submit">Sign up</button>
                    <hr class="my-4">
                    <small class="text-muted">By clicking Sign up, you agree to the terms of use.</small>
                </form>
                <p>
                    如果你已经有hr账号，请直接登录
                </p>
                <a th:href="@{/log}">
                    <button>Login</button>
                </a>

            </div>
        </div>
    </div>

    <div class="b-example-divider mb-0"></div>
</main>
<!--<div class="page" id="warp" >
    <div id="top_content">
        <div id="header">
            <div id="rightheader">
                <p>
                    2022/1/7
                </p>
            </div>
            <div id="topheader">
                <h1 id="title">
                    <a href="frontpage.html">main</a>
                </h1>
            </div>
            <div id="navigation"></div>
        </div>
        <div id="content">
            <p id="whereami"></p>
            <h1>
                请先注册！
            </h1>

           &lt;!&ndash; <form action="demo.html" method="post"  style="text-align: center">

                <table cellpadding="0" cellspacing="0" border="0"
                       class="from_table" >

                    <tr>
                        <td valign="middle" align="center">
                            账号：
                        </td>
                        <td valign="middle" align="center">
                            <input type="text" class="inputgri" name="name">
                        </td>
                    </tr>
                    <tr>
                        <td valign="middle" align="center">
                            密码：
                        </td>
                        <td valign="middle" align="center">
                            <input type="password" class="inputgri" name="pwd">
                        </td>
                    </tr>

                </table>&ndash;&gt;&lt;!&ndash;table形式&ndash;&gt;

                <form th:action="@{/user/register}" method="post" >
                    <div id="fa">
                    <label for="fname">昵称</label>
                    <input type="text" id="fname" name="username">
<br>
                    <label for="name">姓名</label>
                    <input type="text" id="name" name="realname">
                    </br>

                    <label for="password">密码</label>
                    <input type="text" id="password" name="pwd">
                        <br>
                        <label for="telephone">电话</label>
                        <input type="text" id="telephone" name="telephone">
                        </br>

                        <label for="email">邮件地址</label>
                        <input type="text" id="email" name="email">

                        <br>
                    <tr>
                        <td valign="middle" align="right">
                            性别:
                        </td>
                        <td valign="middle" align="left">
                            男
                            <input type="radio" class="inputgri" name="gender" value="1" checked="checked"/>
                            女
                            <input type="radio" class="inputgri" name="gender" value="0"/>
                        </td>
                    </tr>

<br>
                    <tr>
                    <td valign="middle" align="center">
                        验证码:
                        <img id="num" th:src="@{/user/generateImageCode}" />
                        <a href="javascript:;" onclick="changeImageCode()">换一张</a>
                        <script>
                            function changeImageCode(){
                                document.getElementById('num').src = '[[@{/user/generateImageCode}]]?'+(new Date()).getTime()
                            }
                        </script>
                    </td>
                    <td valign="middle" align="left">
                        <input type="text" class="inputgri" name="code" />
                    </td>
                </tr>
                        <br>
                    <p>
                        <input type="submit" class="button"  value="点我注册 &raquo;">
                               &lt;!&ndash;onclick='window.open("judger")'  &ndash;&gt;/
                        &lt;!&ndash;input跳转  onclick='window.open("目标页面")'&ndash;&gt;
                        <a href="login">已有账号，返回登录</a>
                    </p>
                    </div>
            </form>


        </div>
    </div>
    <div id="footer">
        <div id="footer_bg">
            Personnel management procedures
        </div>
    </div>
</div>-->
</body>
</html>